<script setup lang="ts">
import type { ChannelItem } from '@/types';

defineProps<{
    channels: ChannelItem[]
}>()

</script>

<template>
  <div class="channel-nav">
    <nav class="list">
      <a
        class="item"
        href="javascript:;"
        v-for="item in channels"
        :key="item.id"
      >
        {{ item.name }}
      </a>
      
    </nav>
  </div>
</template>